<!DOCTYPE html>
<html lang="en">

<head>
	<title>Front end home work</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="/css/bundle.css">
</head>

<body>
	<section class="banner">
		<div class="container">
			<header class="banner-header">
				<a href="javascript:;" class="logo">
					<img class="dib-middle symbol" src="images/symbol.svg" alt="logo symbol">
					<img class="dib-middle logotype" src="images/logotype.svg" alt="logo type">
				</a>
				<ul class="nav">
					<li><a href="javascript:;">How it works</a></li>
					<li><a href="javascript:;">Pricing</a></li>
					<li><a href="javascript:;">Chat with Us</a></li>
					<li><a href="javascript:;">Documentation</a></li>
				</ul>
				<div class="member">
					<a href="javascript:;" class="btn">login</a>
				</div>
			</header>

			<div class="banner-info">
				<h1 class="banner-title">All you need is code</h1>
				<h2 class="banner-description">Run code with an HTTP call. No provisioning. No deployment.</h2>
				<a href="javascript:;" class="btn green large try-btn">Try it Now!</a>
			</div>
		</div>
	</section>

	<section class="feature">
		<div class="container">
			<h2 class="feature-title tac">Use webtask for...</h2>

			<div class="feature-list">
				<div class="feature-list-item">
					<i class="icon"></i>
					<h3 class="title">Serverless Application</h3>
					<p class="description">
						Run server-side code for your JavaScript and native application. Just worry about your code.
					</p>
				</div>
				<div class="feature-list-item">
					<i class="icon"></i>
					<h3 class="title">Serverless Application</h3>
					<p class="description">
						Run server-side code for your JavaScript and native application. Just worry about your code.
					</p>
				</div>
				<div class="feature-list-item">
					<i class="icon"></i>
					<h3 class="title">Serverless Application</h3>
					<p class="description">
						Run server-side code for your <em>JavaScript</em> and native application. Just worry about your code.
					</p>
				</div>
			</div>

			<div class="feature-btns clearfix">
				<img src="images/banner-slack.png" alt="slack" class="slack dib-middle">
				<div class="feature-btns-info dib-middle">
					<h3 class="slogan">The technology behind webtask</h3>
					<a href="javascript:;" class="btn large orange">
						<i class="icon"></i> How it works
					</a>
				</div>
			</div>
		</div>
	</section>

    <footer class="site-footer">
        <div class="container clearfix">
            <div class="footer-copyright">
                Create by * &copy; 2013-2016 Auth0 Inc. All Right Reserved.
            </div>
            <ul class="footer-links">
                <li><a href="javascript:;">Abount</a></li>
                <li><a href="javascript:;">Privacy</a></li>
                <li><a href="javascript:;">Terms of Use</a></li>
                <li><a href="javascript:;">Contact Us</a></li>
            </ul>
        </div>
    </footer>

</body>


</html>